.activity{
&.popup_wrap{
   &>div:first-child{
     height: 100%;
   }
   .vmc-popup-wrapper .vmc-popup{
     background-color: #eee;
     &>div{
       height: 100%;
     }
   }
 }
  .popup_wrap{
    &>div:first-child{
      height: 100%;
    }
    .vmc-popup-wrapper .vmc-popup{
      background-color: #eee;
      &>div{
        height: 100%;
      }
    }
  }
.bottomBar{
  overflow: hidden;
  position: relative;
  &>*{
    width: 100%;
    height: 50px;
    font-size: 16px;
    position: absolute;
    top: 0;
  }
  .btnWrap{
    width: auto;
    button{
      width: 100%;
      height: 100%;
      font-size: 16px;
    }
  }
  &.bottomBar_2{
    &>button{
      width: 50%;
      &:nth-child(1){
        left: 0;
      }
      &:nth-child(2){
        left: 50%;
      }
    }
  }
}
.content{
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  .bottomBar{
    height: 50px;
    &>*{
      width: 100%;
      height: 100%;
    }
  }
}
.wrapper,.wrapper2{
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  .content{
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.wrapper{
  padding-bottom: 50px;
  .bottomBar{
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
.forwardIcon{
  background: url('../../static/img/forward.png') right center no-repeat;
  background-size: auto 14px;
  padding-right: 18px;
  min-height: 14px;
}
.noList{
  position: absolute;
  top: 140px;
  width: 100%;
  text-align: center;
}
.sans_list{
  padding: 30% @space 0;
  text-align: center;
}
.h100{
  height: 100%;
}
  .vmc-nowrap-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
